<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>首页</title>
    <link rel="stylesheet" href="../static/bootstrap.min.css" th:href="@{/webjars/bootstrap/3.3.5/css/bootstrap.css}" />
    <script type="text/javascript" src="../static/jquery-1.9.1.min.js" th:src="@{webjars/jquery/1.9.1/jquery.min.js}"></script>
    <script type="text/javascript" src="../static/bootstrap.min.js" th:src="@{/webjars/bootstrap/3.3.5/js/bootstrap.js}"></script>
    <style type="text/css">
        .carou{
            /*background-color: red;*/
            width: 80%;
            margin: 0 auto;
        }
        .contin{
            width:90%;
            margin: 0 auto;
        }
        .h40{
            height:40px;
        }
        .h20{
            width: 100%;
            height: 10px;
        }
        .h10{
            width: 100%;
            height:10px;
        }
        .left{
        }
        .right{
        }
        .test{
            background-color: red;
        }
    </style>

</head>
<body>
<div th:replace="bar::#nav(activeUri='index.html')"></div>
<!--轮播图-->
<div class="h10"></div>
<div class="carou">
    <div id="carousel-ad" class="carousel slide" data-ride="carousel" data-interval="1000">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner car">
            <div class="item active"><img src="../resources/image/1.jpg" th:src="@{/image/1.jpg}"/></div>
            <div class="item"><img src="../resources/image/2.jpg" th:src="@{/image/2.jpg}"/></div>
            <div class="item"><img src="../resources/image/3.jpg" th:src="@{/image/3.jpg}"/></div>
        </div>
    </div>
</div>
<div class="h20"></div>
<!--问卷调查-->
<div class="contin h40">
    <a href="#">调查问卷：北京微电子所产品需求调研</a>
</div>

<!--咨询-->
<div class="contin row ">
    <div class="col-md-6 left">
        <div class="info-new row ">
            <div class="col-md-7">最新推荐</div>
            <div class="col-md-3"><a href="/getranoneproduct">换一批</a></div>
        </div>
        <div class="info-content ">
            <div class="thumbnail">
                <img src="../resources/image/tesr01.JPG" th:src="@{/image/tesr01.JPG}"/>
                <a th:href="${'/getparam?id='+product.pid}" href="#" >
                    <span>型号：</span><p th:text="${product.modelname}"></p>
                    <span>厂商：</span><p th:text="${product.fullname}"></p>
                    <p th:text="${product.sdes}">2DHMK40-1型固体点火模块，符合GJB1515A-2001《固体继电器总规范》Ⅱ类混合结构要求，质量等级为Y级。产品具有2路50Vdc，40A，200ms点火输出能力，体积25mm×15mm×12mm，重量≤13g（A式），输出电阻≤20mΩ，输出漏电流≤10µA，输入端抗干扰脉冲≤1ms（可定制）。该系列产品具有良好的耐高低温和抗振动、冲击性能，体积小、重量轻，抗干扰能力强、工作可靠性高。特别适用于新一代武器系统的点火及供电控制电路。主要用于新一代武器系统火工品点火。
                        该产品可广泛应用于国防、科研、工业控制等领域，适用于计算机接口、数字电子接口及仪器仪表测量等场合。
                    </p>
                </a>
            </div>
        </div>
    </div>
    <div class="col-md-6 right">
        <div th:each="article : ${articles}">
            <a href="#" th:text="${article.title}"> 该产品可广泛应用于国防、科研、工业控制等领域，适K40-1型固体点火模块，符合GJB1515A-2001《固体</a>
            <p th:text="${'来源: '+article.from}">：成都日报</p>
            <p th:text="${'日期: '+article.createdate}">日期：2018-5-11</p>
            <div class="h10"></div>
        </div>
    </div>
</div>
</body>
</html>